<script setup>
  const props = defineProps({
    backgroundColor: {
      type: String,
      default: '#fff'
    }
  })
</script>

<template>
  <transition name="el-fade-in">
    <div class="wrap-box" :style="{
        'background-color': backgroundColor
    }">
      <div class="content">
        <slot name="content" ></slot>
      </div>
    </div>
  </transition>


</template>

<style scoped lang="scss">
.wrap-box{
  width: 100%;
  .content{
    width: 1200px;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
  }
}

</style>
